<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="../../../../static/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../../../static/css/plugins/toastr/toastr.min.css"/>
<!-- http://www.bootdo.com/css/plugins/bootstrap-table/bootstrap-table.min.css -->
<link rel="stylesheet" href="../../../../static/css/plugins/jsTree/style.min.css" />
<link rel="stylesheet" href="../../../../static/css/animate.css" />
<link rel="stylesheet" href="../../../../static/css/font-awesome.css" />
<link rel="stylesheet" href="../../../../static/css/style.css" />
<link rel="stylesheet" href="../../../../static/css/plugins/iCheck/custom.css" />
<link rel="stylesheet" href="../../../../static/css/plugins/cropper/cropper.css" />
<link rel="stylesheet" href="../../../../static/js/plugins/layer/laydate/skins/default/laydate.css" />
<link rel="stylesheet" href="../../../../static/css/gg-bootdo.css" />

<style>
	.nav-tabs{
		border:none!important;
	}
</style>
<head th:include="include::header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
	<div class="col-sm-12">
		<div class="ibox">
			<div>
				<form>
					<table class="table">
						<tr>
							<td style="text-align:right">
								关键字：
							</td>
							<td>
								<input type="text" class="form-control">
							</td>
							<td style="text-align:right">
								配置项分类：
							</td>
							<td>
								<div class="input-group">
									<input type="text" disabled="disabled" class="form-control">
									<div class="input-group-btn">
										<button type="button" id="pulldown" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
											<span class="caret"></span>
										</button>
										<ul class="pulldown dropdown-menu pull-right">
											<div class="ibox-content">
												<div id="jstree">
												</div>
											</div>
										</ul>
									</div><!-- /btn-group -->
								</div>
							</td>
							<td style="text-align:right">
								来源：
							</td>
							<td>
								<select class="form-control">
									<option>ssssss</option>
								</select>
							</td>
							<td style="text-align:right">
								配置项管理员：
							</td>
							<td>
								<select class="form-control">
									<option>ssssss</option>
								</select>
							</td>
							<td>
								<button class="btn btn-primary">查询</button>
							</td>
						</tr>
					</table>
				</form>
			</div>
			<div class="ibox-body">
				<div id="exampleToolbar" role="group">
					<button shiro:hasPermission="sys:role:add" type="button"
							class="btn btn-primary" onclick="add()">
						<i class="fa fa-plus" aria-hidden="true"></i>添加
					</button>
					<button shiro:hasPermission="sys:role:batchRemove" type="button"
							class="btn btn-danger" onclick="batchRemove()">
						<i class="fa fa-trash" aria-hidden="true"></i>删除
					</button>
				</div>
				<table id="exampleTable" data-mobile-responsive="true">
				</table>
			</div>
		</div>
	</div>
	<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
	<div>
		<script type="text/javascript">
				var s_edit_h = 'hidden';
				var s_remove_h = 'hidden';
			</script>
	</div>
	<div shiro:hasPermission="sys:role:edit">
		<script type="text/javascript">
				s_edit_h = '';
			</script>
	</div>
	<div shiro:hasPermission="sys:role:remove">
		<script type="text/javascript">
				var s_remove_h = '';
			</script>
	</div>
</div>
<div th:include="include::footer"></div>
<script src="../../../../static/js/public.js"></script>
<script src="../../../../static/js/jquery.min.js?v=2.1.4"></script>
<script src="../../../../static/js/vue.min.js"></script>
<script src="../../../../static/js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../../../static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="../../../../static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script src="../../../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../../../../static/js/plugins/validate/jquery.validate.min.js"></script>
<script src="../../../../static/js/plugins/validate/messages_zh.min.js"></script>
<script src="../../../../static/js/plugins/jsTree/jstree.min.js"></script>
<script src="../../../../static/js/plugins/jqTreeGrid/jquery.treegrid.min.js"></script>
<script src="../../../../static/js/plugins/jqTreeGrid/jquery.treegrid.extension.js"></script>
<script src="../../../../static/js/plugins/jqTreeGrid/jquery.treegrid.bootstrap3.js"></script>
<script src="../../../../static/js/plugins/chosen/chosen.jquery.js"></script>
<script src="../../../../static/js/plugins/layer/layer.js"></script>
<script src="../../../../static/js/content.js?v=1.0.0"></script>
<!-- summernote -->
<script src="../../../../static/js/plugins/summernote/summernote.js"></script>
<script src="../../../../static/js/plugins/summernote/summernote-zh-CN.min.js"></script>
<script src="../../../../static/js/ajax-util.js"></script>
<script type="text/javascript" src="../../../../static/js/appjs/sys/user/user.js"></script>
<script type="text/javascript" src="../../../../static/js/appjs/resource/spare/examine/examine.js"></script>
<script>
	$(document).ready(function(){
  		$("#pulldown").click(function(){
    	$(".pulldown").toggle();
  		});
	});
</script>
</body>

</html>
